<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<!-- <meta name="apple-mobile-web-app-capable" content="yes"> -->
	<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
	<meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
	<!-- <meta name="apple-mobile-web-app-status-bar-style" content="black"> -->
	<meta name="format-detection" content="telephone=no">
	<meta name="description" content="">
    <meta name="author" content="">    
	<meta name="keywords" content="玩精灵,财经智库">	
	<title>玩精灵后台-平台整体情况</title>	
	<link rel="shortcut icon" href="favicon.ico" />	
	<link rel="stylesheet" type="text/css" href="css/lqcss.css">
	<link rel="stylesheet" type="text/css" href="css/lqpublic.css">
	<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
	<script type="text/javascript" src="js/lqjs.js"></script>	
	<script type="text/javascript" src="js/jquerysession.js"></script>
	<script type="text/javascript" src="http://img9.tongzhuo100.com/js/jquery.form.min.js"></script>
	<script type="text/javascript" charset="utf-8" src="ueditor.config.js"></script>
    <script type="text/javascript" charset="utf-8" src="ueditor.all.min.js"> </script>
    <script type="text/javascript" charset="utf-8" src="lang/zh-cn/zh-cn.js"></script>
    <script type="text/javascript" charset="utf-8" src="js/jquery.xctips.js"></script>
<!-- 
    <link rel="stylesheet" href="http://cdn.staticfile.org/twitter-bootstrap/3.2.0/css/bootstrap.min.css"> -->
	 <!--以下两行加载秀米的ueditor插件的脚本和CSS，请编辑您的UEditor网页加入他们-->
    <!--您也可以下载这两个文件并根据您的需要改动相关的内容，当然，改动后您必须将新文件存放到您的服务器上了-->
    <script type="text/javascript" charset="utf-8" src="http://xiumi.us/connect/ue/v5/xiumi-ue-dialog-v5.js"></script>
    <link rel="stylesheet" href="http://xiumi.us/connect/ue/v5/xiumi-ue-v5.css">
	<!--[if (gte IE 6)&(lte IE 10)]>
	  <link href="css/lqcssie.css" rel="stylesheet" type="text/css">
	  <link href="css/lqpublicie.css" rel="stylesheet" type="text/css">
	<![endif]-->
</head>

	<body>
		<div class="container">
		<!-- 主体部分 -->
			<div class="containermain">
				<!-- 头部 -->
				<div id="header">
					<div class="header">
						<div class="logo">
							<a href="index.html">
							<img class="logoimg" src="images/icologo@3x.png" alt="玩精灵">
							<h2 class="logotext">玩精灵</h2>
							</a>
						</div>
						<h2 class="biaoyu">欢迎登录后台管理系统</h2>
						<div class="userdiv">
							<div class="userde">
								<img class="userimg" src="images/icologo@3x.png" />
								<span class="username">请登录</span>
								<i class="icoup"></i>
							</div>
							<!-- 账户信息 -->
							<div id="userdetils">
								<p class="usertext"><i class="userico"></i>账户:</p>
								<a class="userbtn originbtn">退出登录</a>
							</div>
						</div>
					</div>
				</div>

				<!-- 内容 -->
				<div id="main2">
					<!-- 新建图文 -->
					<div class="tuwenediter">
						<h2 class="divtitle">新建视频</h2>
						<!-- 内容 -->
						<div class="contentdiv">

			<form enctype="multipart/form-data" method="post"  id="articleForm" target="nm_iframe"> 
							<div class="content_p">
								<label class="content_lable">请在这里输入标题</label>
								<span class="content_inputdiv">
								<input id="contenttitle" type="text" name="title" onpropertychange="inputlength(this.value,'contenttitle','titlenum',40);" oninput="inputlength(this.value,'contenttitle','titlenum',40);"><i class="fontnum titlenum">0/40</i></span>
							</div>
							<!-- <div class="content_p2">
								<label class="content_lable">封面图片</label>
								<span class="content_inputdiv2">
									<img id="wenpic" src="images/addimg.png" >
 			<input id="upload" name="file" accept="image/*" type="file" style="display: none"/>

								</span>
							</div>	 -->	
							<div class="content_p3">
								<label class="content_lable">上传视频</label>								
								<input id="file2" type="file" name="profileUrlFile">
								<!-- <input type="hidden" name="palyType" value="1"> -->
								<!-- <input type="submit" name="shangchuan" name="" value="上传"> -->
							</div>					
							<!-- <div class="content_p">
								<label class="content_lable">分类</label>
								<span class="content_inputdiv3"><input id="usertypeinp" type="text" value="" name="type" readonly="" placeholder="请选择" /><i class="icotype"></i>
								<div class="usertype">
									<div class="userli userlied">产业新知</div>
									<div class="userli">个股介绍</div>
									<div class="userli">投资评价</div>
									<div class="userli">名家分享</div>
									<div class="userli">图解财经</div>
								</div>
								</span>
							</div> -->
						<!-- 	<div class="content_p">
								<label class="content_lable">作者</label>
								<span class="content_inputdiv"><input id="authorname" type="text" name="authorName" onpropertychange="inputlength(this.value,'authorname','authornum',20);" oninput="inputlength(this.value,'authorname','authornum',20);"><i class="fontnum authornum">0/20</i></span>
							</div> -->
							<div class="content_p">
								<label class="content_lable">文稿内容:</label>
								<!-- 富文本编辑器 -->
								<!-- 秀米 -->
								 <script id="editor" type="text/plain" style="width:550px;height:500px;"></script>
								<script type="text/javascript">
								    var ue = UE.getEditor('editor');
								    //编辑器html内容:<p>1<strong>2<em>34</em>5</strong>6</p>
									// $('#neirong').click(function(){
									// 	console.log('456');
									// 	getContent();
									// })
									//获取编辑器内容，赋值给表单元素
									function getContent() {
								        var arr = [];
								        arr.push(UE.getEditor('editor').getContent());
								        var arrhtml;
								        arrhtml = arr.join("\n");
								        // alert(arrhtml);
										$("#hiddenContent").val(arrhtml);  
								    }


								</script>

								
							     <!-- 接受编辑器内容 -->
							   <input type="hidden" name="courseType" value="1">  <!-- 课程类型 -->
							     <input type="hidden" name="courseSid" id="courseSid" value=""> <!-- 专栏sid -->
							     <input type="hidden" id="authorSid" name="authorSid" value=""> <!-- 作者sid -->
							     <input type="hidden" name="profileType" value="1"> <!-- 课程类型 -->								
								<input type="hidden" name="wordNumber" value="">
								<!-- <input type="hidden" id="articleProFile" name="articleProFile" value=""> -->
							</div>

							<!-- 按钮组 -->
							<div class="contentbtns">
								<!-- <input class="originbtn" type="button" name="" value="保存"> -->								
								<input class="originborbtn" type="submit" name="" value="保存并发布">
							</div>
						</div>	
						</form>	
<!-- 						<form enctype="multipart/form-data" method="post"  action="http://47.98.54.197:8082/manager/article/getArticleImgUrl"  id="articleForm2" target="nm_iframe"> 
							<div class="content_p3">
								<label class="content_lable">上传视频</label>								
								<input id="file2" type="file" name="file">
								<input type="hidden" name="palyType" value="1">
								<input type="submit" name="shangchuan" name="" value="上传">
							</div>
						</form>
						<iframe id="id_iframe" name="nm_iframe" style="display:none;"></iframe>  			 -->	
					</div>
					
				</div>
			</div>
			
		</div>
<script type="text/javascript" src="js/jquerysession.js"></script>
<script type="text/javascript">
// $(document).ready(function(){
$(".username").html($.session.get("loginName"));
var sid = $.session.get("sid");
$(".usertext").html('<i class="userico"></i>账户:'+$.session.get("loginName")+'');
$("#authorSid").val(sid);
// console.log($("#authorSid").val());

//判断登录状态
var sid = $.session.get("sid");
console.log(sid);
if(sid==null || sid == undefined){
	//未登录
	$(".userbtn").html('登录');
	xcsoft.error('请登录！',3000);//提示语
}
console.log('类型'+ typeof sid);
//登录/退出登录
$(".userbtn").click(function(){
	if(sid){
		//如果已登录，退出登录
		console.log('登出');
	$.ajax({
		type: "post",
		url: url+"manager/outLogin",
		success: function(data){
			// console.log(data);
			if(data.code=='2000'){				
				console.log('成功登出');	
				$.session.clear();						
				window.location.href="login.html"; 	
			}else if(data.code=='5000'){
				window.location.href="login.html"; 	
				console.log('系统错误5000');
			}else{
				window.location.href="login.html"; 	
				console.log('系统错误');
			}
		}
	})
	}else{
		console.log('登录');
		window.location.href="login.html";
	}
	
})

////获取传过来的id
var authorSid =''; //获得作者sid
var courseSid=''; //接收页面传参,专题sid
function getvalue(){
///test2.html?parm1=myimg1&parm2=myimg2 ///
//获得第一个属性 
//
//decodeURI 解码
var url=decodeURI(location.href);
var tmp1=url.split("?")[1]; 
var tmp2=tmp1.split("&")[0]; 
var tmp3=tmp2.split("=")[1]; 

var tmp4=url.split("?")[1]; 
var tmp5=tmp4.split("&")[1];
var tmp6=tmp5.split("=")[1];
var parm1 = tmp3;//第一个参数
var parm2 = tmp6; //第二个参数
courseSid = parm1;
authorSid = parm2;
console.log('专题sid='+courseSid);
console.log('作者sid='+authorSid);
}
getvalue();//获得文章sid

$('#courseSid').val(courseSid);
$('#authorSid').val(authorSid);


//分类
$(".content_inputdiv3").click(function(){
		$(".usertype").toggle(300);
	});
$(".userli").click(function(){
	console.log('分类');
	$(this).addClass('userlied').siblings().removeClass('userlied');
		$("#usertypeinp").val($(this).html());
		console.log($("#usertypeinp").val());
})
$("#authorname").focus(function(){
		$(".usertype").hide(300);
	})


$("#rightcontent").load("systemManagement.html");

//类型
$(".userde").click(function(){
	$("#userdetils").toggle(500);
	setTimeout(function(){
		console.log("123");
		$("#userdetils").hide(500);
	},3000);
});
$(".navli").click(function(){
	$(this).addClass('select').siblings().removeClass('select');					
});

                $(document).ready(function() { 
                	var audiofile;//保存audio
                    var options = { 
                        // target:        '#output1',   // 用服务器返回的数据 更新 id为output1的内容.
                        beforeSubmit:  showRequest,  // 提交前
                        success:       showResponse,  // 提交后 
                        //另外的一些属性: 
                        url:       url+'subCourse/addSubCourse',         // 默认是form的action，如果写的话，会覆盖from的action. 
                        //type:      type        // 默认是form的method，如果写的话，会覆盖from的method.('get' or 'post').
                        //dataType:  null        // 'xml', 'script', or 'json' (接受服务端返回的类型.) 
                        clearForm: true,        // 成功提交后，清除所有的表单元素的值.
                        resetForm: true        // 成功提交后，重置所有的表单元素的值.
                        //由于某种原因,提交陷入无限等待之中,timeout参数就是用来限制请求的时间,
                        //当请求大于3秒后，跳出请求. 
                        //timeout:   3000 
                    }; 
                    var options2 = {
                    	 beforeSubmit:  showRequest2,  // 提交前
                        success:       showResponse2,  // 提交后 
                         clearForm: false,        // 成功提交后，清除所有的表单元素的值.
                        resetForm: false        // 成功提交后，重置所有的表单元素的值.
                    }
                 
                    //'ajaxForm' 方式的表单 .
                    // $('#myForm').ajaxForm(options);  
                    //或者 'ajaxSubmit' 方式的提交.
                    $('#articleForm').submit(function() {    
						// getContent(); //提交前调用，给内容赋值  
						$(".originborbtn").attr("disabled","disabled");          	
                       $(this).ajaxSubmit(options); 
                       return false; //来阻止浏览器提交.
                    }); 
                    //提交音频文件
                    $('#articleForm2').submit(function() {
                    	$(this).ajaxSubmit(options2); 
                    	return false; //来阻止浏览器提交.
                    })

                    //图片预览
                    $("#wenpic").click(function () {
						$("#upload").click(); //隐藏了input:file样式后，点击头像就可以本地上传
						$("#upload").on("change",function(){
						var objUrl = getObjectURL(this.files[0]) ; //获取图片的路径，该路径不是图片在本地的路径
						if (objUrl) {
						$("#wenpic").attr("src", objUrl) ; //将图片路径存入src中，显示出图片
						// upfile(objUrl,'T');
						}
						});
						});
                }); 
 
               // 提交前
              function showRequest(formData, jqForm, options) { 
              	// console.log(formData);
              		var editorhtml=[];					
			        // 读取 html
			        // console.log("内容"+$("#hiddenContent").val());	         
			    	
			    	// 利用formData参数，验证不为空
			    	  var titleValue = $('input[name=title]').fieldValue();
					   var fileValue = $('input[name=file]').fieldValue();
					   var typeValue = $('input[name=type]').fieldValue();
					   var authorNameValue = $('input[name=authorName]').fieldValue();
					   var hiddenContentValue = $('input[name=hiddenContent]').fieldValue();
					    var video = $('input[name=video]').fieldValue();
					   // console.log( hiddenContentValue);
					   // if (!titleValue[0] || !fileValue[0] || !typeValue[0]|| !authorNameValue[0]|| !hiddenContentValue[0] || !video[0]) {					   	
					   //    xcsoft.error('请填写完整数据！',3000);//提示语
					   //    return false;
					   // }
					   // console.log(titleValue);
					   // console.log(titleValue[0].length);
					   // console.log(authorNameValue[0].length);
					   if(titleValue[0].length<40){
					   		return true;
					   }else if(titleValue[0].length>40){
					   		xcsoft.error('标题字数限制40字',3000);//提示语
					   		// alert('标题字数限制40字');
					   		return false;
					   }
					   xcsoft.loading('正在上传视频',3000);//提示语
                 // formdata是数组对象,在这里，我们使用$.param()方法把他转化为字符串.
                  var queryString = $.param(formData); //组装数据，插件会自动提交数据
                  // alert(queryString); //类似 ： name=1&add=2  
                  return true; 
                } 
                         // 提交前
              function showRequest2(formData, jqForm, options2) { 		         
			    	
			    	// 利用formData参数，验证不为空
					   // var fileValue = $('input[name=file]').fieldValue();
					   // // console.log( hiddenContentValue);
					   // if (!fileValue[1]) {			
					   // 		xcsoft.loading('请上传视频文件！',3000);//提示语		   	
					   //    // alert('请上传视频文件！');
					   //    return false;
					   // }					  
                 // formdata是数组对象,在这里，我们使用$.param()方法把他转化为字符串.
                  var queryString = $.param(formData); //组装数据，插件会自动提交数据
                  // alert(queryString); //类似 ： name=1&add=2                    
                  return true; 
                }
 
              //  提交后
            function showResponse(responseText, statusText)  { 
                   // alert('状态: ' + statusText + '\n 返回的内容是: \n' + responseText); 
                   if(responseText.code == '2000'){
                   		// alert('提交成功');
                   		xcsoft.success('提交成功',3000);//提示语
                   		window.location.reload(); //刷新页面，清空数据
                   		$("#wenpic").attr("src", 'images/addimg.png');//图片预览为空
                   		UE.getEditor('editor').setContent('');//清空ueditor编辑器，给它写入为空
                   		// alert('提交成功');
                   }else{
                   		xcsoft.error('提交失败',3000);//提示语
                   }
             } 
             function showResponse2(responseText, statusText)  { 
                   // alert('状态: ' + statusText + '\n 返回的内容是: \n' + responseText); 
                   console.log(responseText.data);
                   var audiourl = responseText.data;
                   $('#audio').val(audiourl);//把服务器返回的地址赋值给大表单里面的参数
                   if(responseText.code == '2000'){
                   		console.log(responseText.data);
                   		videofile = responseText.data;
                   		$("#video").val(videofile);//把返回值赋值给
                   		xcsoft.success('视频文件上传成功',3000);//提示语
                   }else if(responseText.code == '5000'){
                   		xcsoft.error('上传失败',3000);//提示语
                   		// alert('上传失败5000');
                   }else{
                   		xcsoft.error('系统错误',3000);//提示语
                   }
             }

</script>
	</body>
	</html>